$number:20;
// fs font-size @for 常用文字大小设置
@for $i from 0 through $number {
    $distance: (2*$i);
    $fs: $distance+$number;
    $name: $fs;
    .fs#{$name} {
        font-size:#{$fs}px !important;
    }
}

// mg margin @for
@for $i from 0 through $number {
    $distance: (5*$i);
    $name: $distance;
    .mg-#{$name} {
        margin:#{$distance}px !important;
    }
}

// mg-t margin-top @for
@for $i from 0 through $number {
    $distance: (1*$i);
    $name: $distance;
    @if($i>0 && $i<=5) {
        .mg-t#{$name} {
            margin-top:#{$distance}px !important;
        }
    }
    $distance: (5*$i);
    $name: $distance;
    .mg-t#{$name} {
        margin-top:#{$distance}px !important;
    }
}

// mg-b margin-bottom @for
@for $i from 0 through $number {
    $distance: (5*$i);
    $name: $distance;
    .mg-b#{$name} {
        margin-bottom:#{$distance}px !important;
    }
}

// mg-l margin-left @for
@for $i from 0 through $number {
    $distance: (5*$i);
    $name: $distance;
    .mg-l#{$name} {
        margin-left:#{$distance}px !important;
    }
}

// mg-r margin-right @for
@for $i from 0 through $number {
    $distance: (5*$i);
    $name: $distance;
    .mg-r#{$name} {
        margin-right:#{$distance}px !important;
    }
}

// pd padding @for
@for $i from 0 through $number {
    $distance: (5*$i);
    $name: $distance;
    .pd-#{$name} {
        padding:#{$distance}px !important;
    }
}

// pd-t padding-top @for
@for $i from 0 through $number {
    $distance: (5*$i);
    $name: $distance;
    .pd-t#{$name} {
        padding-top:#{$distance}px !important;
    }
}

// pd-b padding-bottom @for
@for $i from 0 through $number {
    $distance: (5*$i);
    $name: $distance;
    .pd-b#{$name} {
        padding-bottom:#{$distance}px !important;
    }
}

// pd-l padding-left @for
@for $i from 0 through $number {
    $distance: (5*$i);
    $name: $distance;
    .pd-l#{$name} {
        padding-left:#{$distance}px !important;
    }
}

// pd-r padding-right @for
@for $i from 0 through $number {
    $distance: (5*$i);
    $name: $distance;
    .pd-r#{$name} {
        padding-right:#{$distance}px !important;
    }
}

// font-size @for 
@for $i from 0 through $number {
    $distance: (10+2*$i);
    $name: $distance;
    .fs-#{$name} {
        font-size:#{$distance}px !important;
    }
}